main {
    overflow: hidden;
    background: url(../artimages/bodybg.png);
}

.mode1 {
    padding: 63px 184px 0px 163px;
    position: relative;
    margin-bottom: 70px;
}

.mode1p {
    font-size: 30px;
    line-height: 55px;
    color: #cd9600;
    text-indent: 60px;
    display: block;
    display: -webkit-box;
    height: 191px;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.mode1::before {
    content: '';
    display: block;
    width: 112px;
    height: 112px;
    position: absolute;
    left: 125px;
    top: 46px;
    background: url(../artimages/mode1l.png);
}

.mode1::after {
    content: '';
    display: block;
    width: 112px;
    height: 112px;
    position: absolute;
    right: 145px;
    bottom: -30px;
    background: url(../artimages/mode1r.png);
}


/* mode2 */

.mode2 {
    overflow: hidden;
    padding: 0 105px 160px;
}

.mode2con {
    overflow: hidden;
    margin-left: -17px;
    margin-right: -17px;
}

.mode2ul li {
    display: inline-block;
    width: 33%;
    /* width: calc(100% / 3 ); */
    margin-bottom: 80px;
}

.mode2ul li a {
    display: inline-block;
    margin: 0 20px;
    position: relative;
}

.mode2img {
    overflow: hidden;
    margin: 56px 72px;
    border-radius: 5px;
}

.mode2ul li a::before {
    content: '';
    display: block;
    width: 44.24%;
    height: 197px;
    position: absolute;
    left: 0px;
    top: 0px;
    background: url(../artimages/mode2l_02.png);
    background-size: 100% 100%;
}

.mode2ul li a::after {
    content: '';
    display: block;
    width: 238px;
    height: 197px;
    position: absolute;
    right: 0px;
    bottom: 0px;
    background: url(../artimages/mode2r_06.png);
}

.mode2ul {
    /* margin-left: -1px; */
    /* margin-right: 71px; */
}

.mode2ul li p {
    text-align: center;
    margin-top: 20px;
    font-size: 16px;
}